<template>
  <div>
    <p>{{value}}</p>
    <p>
      <Radio v-model="value" :datas="param">
        <template slot="item" slot-scope="{item}">
          <i :class="item.icon"></i>
          <span>{{item.key}}:{{item.title}}</span>
        </template>
      </Radio>
    </p>
  </div>
</template>
<script>
export default {
  data() {
    return {
      value: null,
      param: [{ icon: 'h-icon-home', title: '选择1', key: 'a1', other: '其他值' }, { icon: 'h-icon-user', title: '选择2', key: 'a2' }, { icon: 'h-icon-task', title: '选择3', key: 'a3' }]
    };
  }
};
</script>
